<template>
  <div class="empty">
    <el-empty v-if="$route.query.data!==''" :image-size="200" :description="$route.query.data"></el-empty>
    <el-empty v-if="message!==undefined" :image-size="200" :description="$route.query.data"></el-empty>
  </div>
</template>

<script>
    export default {
        name: "empty",
        props: ['message'],
        data() {
            return {

            }
        },
        mounted() {
            // console.log(this.message);
        }
    }
</script>

<style scoped>

</style>

<!-- 使用方式 -->
<!-- 1. 子组件    ( 直接import引入 并传入message数据  [ 子组件绑定  :message="msg"  父组件data中  msg: '暂无信息' ]  ) -->
<!-- 2. 路由跳转  ( 路由跳转地址 path: '/empty',query: { id: '传入数据' } ) -->